import Vue from "vue";
import App from "./App.vue";
import store from "./store";
import router from "./router";

import ElementUI from "element-ui";
// import "element-ui/lib/theme-chalk/index.css";
import './assets/css/element-variables.scss'
import clickoutside from 'element-ui/src/utils/clickoutside'

import './assets/css/index.js';

// 引入videojs
import Video from 'video.js';
import 'video.js/dist/video-js.css';
Vue.prototype.$video = Video;
// 要播放rtmp流, 就必须引入这哥们
import 'videojs-flash';
// 要播放hls流, 这哥们就要上场
import hls from 'videojs-contrib-hls';
Vue.use(hls);

Vue.config.productionTip = false;
Vue.use(ElementUI);

Vue.directive('clickoutside', clickoutside)

import "leaflet/dist/leaflet.css"
// 使用leaflt默认L可以全局使用。
import L from "leaflet";
// 若换成其他名比如LF，没法直接全局使用。
// import LF from "leaflet";

new Vue({
  store,
  router,
  render: (h) => h(App),
}).$mount("#app");
